<script setup>


</script>

<template>
  <div>
    <!-- 头部区域 -->
    <header class="header">管理系统</header>
    <!-- 中间主体区域 -->
    <div class="main">
      <!-- 左侧菜单栏 -->
      <div class="content left">
        <ul>
          <RouterLink to="/home/dept">
            <li>用户管理</li>
          </RouterLink>
          <RouterLink to="/home/access">
            <li>权限管理</li>
          </RouterLink>
          <RouterLink to="/home/good">
            <li>商品管理</li>
          </RouterLink>
          <RouterLink to="/home/order">
            <li>订单管理</li>
          </RouterLink>
          <RouterLink to="/home/system">
            <li>系统设置</li>
          </RouterLink>

        </ul>
      </div>
      <!-- 右侧内容区域 -->
      <div class="content right">
        <div class="main-content">
          <RouterView />
        </div>
      </div>
    </div>
    <!-- 尾部区域 -->
    <footer class="footer">版权信息</footer>
  </div>
</template>

<style scoped></style>
